<template>
  <div class="app-container">
     <el-form ref="form" :model="form" :rules="rules" label-width="80px">
       
       <el-tabs type="card" v-model="activeName">
        <el-tab-pane   label="来电信息" name="first">

          <el-row :gutter="20">
            <el-col :span="6">
               <el-form-item label="来电号码" prop="srvSftel">
                <el-input v-model="form.srvSftel" placeholder="请输入来电号码" />
              </el-form-item>
            </el-col>
            <el-col :span="6"> 
              <el-form-item label="真实号码" prop="srvSfZhenshiTel">
                <el-input v-model="form.srvSfZhenshiTel" placeholder="请输入表单真实号码" />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="弹单时间" prop="srvSfdate">
                <el-date-picker clearable size="small"
                    v-model="form.srvSfdate"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="选择弹单时间">
                  </el-date-picker>
                </el-form-item>
            </el-col>
            
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24">
               <el-checkbox-group v-model="form.srvSfguanzhuflag">
                <el-checkbox label="关注件" name="是"></el-checkbox>
              </el-checkbox-group>
            </el-col>
          
          </el-row>
         
          
        </el-tab-pane>
      </el-tabs>
      <el-tabs type="card" v-model="customName">
        <el-tab-pane  label="客户信息" name="first">

          <el-row :gutter="20">
            <el-col :span="6">
                <el-form-item label="客户姓名" prop="srvSfctmname">
                  <el-input v-model="form.srvSfctmname" placeholder="请输入客户姓名" />
                </el-form-item>
            </el-col>
            <el-col :span="6"> 
              <el-form-item label="联系电话" prop="srvSflinktel">
                <el-input v-model="form.srvSflinktel" placeholder="请输入联系电话" />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="弹单时间" prop="srvSfdate">
                <el-date-picker clearable size="small"
                    v-model="form.srvSfdate"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="选择弹单时间">
                  </el-date-picker>
                </el-form-item>
            </el-col>
            
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
          </el-row>
         <el-row :gutter="20">
            <el-col :span="6">
               
            </el-col>
            <el-col :span="6"> 
              
            </el-col>
            <el-col :span="6">
            
            </el-col>
            
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
          </el-row>
          
        </el-tab-pane>
        <el-tab-pane  label="历史来电" name="second">

          <el-row :gutter="20">
            <el-col :span="6">
                <el-form-item label="客户姓名" prop="srvSfctmname">
                  <el-input v-model="form.srvSfctmname" placeholder="请输入客户姓名" />
                </el-form-item>
            </el-col>
            <el-col :span="6"> 
              <el-form-item label="联系电话" prop="srvSflinktel">
                <el-input v-model="form.srvSflinktel" placeholder="请输入联系电话" />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="弹单时间" prop="srvSfdate">
                <el-date-picker clearable size="small"
                    v-model="form.srvSfdate"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="选择弹单时间">
                  </el-date-picker>
                </el-form-item>
            </el-col>
            
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
          </el-row>
    
          
        </el-tab-pane>
      </el-tabs>
        <el-form-item label="业务编码" prop="srvSfbillno">
          <el-input v-model="form.srvSfbillno" placeholder="请输入业务编码" />
        </el-form-item>
    
        <el-form-item label="弹单时间" prop="srvSfdate">
          <el-date-picker clearable size="small"
            v-model="form.srvSfdate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择弹单时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="客户编码" prop="crmCtmcode">
          <el-input v-model="form.crmCtmcode" placeholder="请输入客户编码" />
        </el-form-item>
       
        
        <el-form-item label="服务单来源" prop="srvSfsource">
          <el-input v-model="form.srvSfsource" placeholder="请输入服务单来源" />
        </el-form-item>
        <el-form-item label="标题" prop="srvSftitle">
          <el-input v-model="form.srvSftitle" placeholder="请输入标题" />
        </el-form-item>
        <el-form-item label="主要内容">
          <editor v-model="form.srvSfcontent" :min-height="192"/>
        </el-form-item>
        <el-form-item label="来话性质分类" prop="srvSfprop">
          <el-input v-model="form.srvSfprop" placeholder="请输入来话性质分类" />
        </el-form-item>
        <el-form-item label="来话内容分类" prop="srvSfconttype">
          <el-select v-model="form.srvSfconttype" placeholder="请选择来话内容分类">
            <el-option label="请选择字典生成" value="" />
          </el-select>
        </el-form-item>
        <el-form-item label="处理方式" prop="srvSfdealtype">
          <el-select v-model="form.srvSfdealtype" placeholder="请选择处理方式">
            <el-option label="请选择字典生成" value="" />
          </el-select>
        </el-form-item>
        <el-form-item label="优先级" prop="srvSfurgent">
          <el-input v-model="form.srvSfurgent" placeholder="请输入优先级" />
        </el-form-item>
        <el-form-item label="保密级别" prop="srvSfsecret">
          <el-input v-model="form.srvSfsecret" placeholder="请输入保密级别" />
        </el-form-item>
        <el-form-item label="是否公布" prop="srvSfissueflag">
          <el-input v-model="form.srvSfissueflag" placeholder="请输入是否公布" />
        </el-form-item>
        <el-form-item label="服务单状态" prop="srvSfstate">
          <el-input v-model="form.srvSfstate" placeholder="请输入服务单状态" />
        </el-form-item>
        <el-form-item label="要求办结时间" prop="srvSfrenddate">
          <el-date-picker clearable size="small"
            v-model="form.srvSfrenddate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择要求办结时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="办结者" prop="srvSffinisher">
          <el-input v-model="form.srvSffinisher" placeholder="请输入办结者" />
        </el-form-item>
        <el-form-item label="实际办结时间" prop="srvSffenddate">
          <el-date-picker clearable size="small"
            v-model="form.srvSffenddate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择实际办结时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="话务员回复" prop="srvSfanswer">
          <el-input v-model="form.srvSfanswer" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="满意程度" prop="srvSfsdegree">
          <el-input v-model="form.srvSfsdegree" placeholder="请输入满意程度" />
        </el-form-item>
        <el-form-item label="拟办意见" prop="srvSfidea">
          <el-input v-model="form.srvSfidea" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="市领导" prop="srvSfleader">
          <el-input v-model="form.srvSfleader" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="领导批示" prop="srvSfleadidea">
          <el-input v-model="form.srvSfleadidea" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="批示时间" prop="srvSfleadtime">
          <el-date-picker clearable size="small"
            v-model="form.srvSfleadtime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择批示时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="反馈标志" prop="srvSffbflag">
          <el-input v-model="form.srvSffbflag" placeholder="请输入反馈标志" />
        </el-form-item>
        <el-form-item label="反馈期限" prop="srvSffblimit">
          <el-input v-model="form.srvSffblimit" placeholder="请输入反馈期限" />
        </el-form-item>
        <el-form-item label="已反馈次数" prop="srvSffbnum">
          <el-input v-model="form.srvSffbnum" placeholder="请输入已反馈次数" />
        </el-form-item>
        <el-form-item label="回访标志" prop="srvSfrcflag">
          <el-input v-model="form.srvSfrcflag" placeholder="请输入回访标志" />
        </el-form-item>
        <el-form-item label="创建者" prop="srvSfoper">
          <el-input v-model="form.srvSfoper" placeholder="请输入创建者" />
        </el-form-item>
        <el-form-item label="创建时间" prop="srvSfopertime">
          <el-date-picker clearable size="small"
            v-model="form.srvSfopertime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择创建时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="最后修改者" prop="srvSflmoper">
          <el-input v-model="form.srvSflmoper" placeholder="请输入最后修改者" />
        </el-form-item>
        <el-form-item label="最后修改时间" prop="srvSflmtime">
          <el-date-picker clearable size="small"
            v-model="form.srvSflmtime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择最后修改时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="审核状态" prop="srvSfcheck">
          <el-input v-model="form.srvSfcheck" placeholder="请输入审核状态" />
        </el-form-item>
        <el-form-item label="审核者" prop="srvSfcheckoper">
          <el-input v-model="form.srvSfcheckoper" placeholder="请输入审核者" />
        </el-form-item>
        <el-form-item label="审核时间" prop="srvSfchecktime">
          <el-date-picker clearable size="small"
            v-model="form.srvSfchecktime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择审核时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="是否归档" prop="srvSfonholeflag">
          <el-input v-model="form.srvSfonholeflag" placeholder="请输入是否归档" />
        </el-form-item>
        <el-form-item label="归档者" prop="srvSfonholeoper">
          <el-input v-model="form.srvSfonholeoper" placeholder="请输入归档者" />
        </el-form-item>
        <el-form-item label="归档时间" prop="srvSfonholetime">
          <el-date-picker clearable size="small"
            v-model="form.srvSfonholetime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择归档时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="排序" prop="srvSfsort">
          <el-input v-model="form.srvSfsort" placeholder="请输入排序" />
        </el-form-item>
        <el-form-item label="备注" prop="srvSfdes">
          <el-input v-model="form.srvSfdes" placeholder="请输入备注" />
        </el-form-item>
        <el-form-item label="热点、难点问题" prop="srvHotflag">
          <el-input v-model="form.srvHotflag" placeholder="请输入热点、难点问题" />
        </el-form-item>
        <el-form-item label="需要协调解决问题" prop="srvSfassortflag">
          <el-input v-model="form.srvSfassortflag" placeholder="请输入需要协调解决问题" />
        </el-form-item>
        <el-form-item label="需要上报领导问题" prop="srvReportflag">
          <el-input v-model="form.srvReportflag" placeholder="请输入需要上报领导问题" />
        </el-form-item>
        <el-form-item label="共性问题答复" prop="srvSfcommonflag">
          <el-input v-model="form.srvSfcommonflag" placeholder="请输入共性问题答复" />
        </el-form-item>
        <el-form-item label="是否满意件" prop="srvSfmanyiflag">
          <el-input v-model="form.srvSfmanyiflag" placeholder="请输入是否满意件" />
        </el-form-item>
        <el-form-item label="是否关注件" prop="srvSfguanzhuflag">
          <el-input v-model="form.srvSfguanzhuflag" placeholder="请输入是否关注件" />
        </el-form-item>
        <el-form-item label="是否一把手审阅件" prop="srvSfybs">
          <el-input v-model="form.srvSfybs" placeholder="请输入是否一把手审阅件" />
        </el-form-item>
        <el-form-item label="办理单的数量" prop="srvHuifuCount">
          <el-input v-model="form.srvHuifuCount" placeholder="请输入办理单的数量" />
        </el-form-item>
       
        <el-form-item label="合并件" prop="srvSfHebing">
          <el-input v-model="form.srvSfHebing" placeholder="请输入合并件" />
        </el-form-item>
        <el-form-item label="预审状态" prop="srvYushen">
          <el-input v-model="form.srvYushen" placeholder="请输入预审状态" />
        </el-form-item>
        <el-form-item label="再办状态" prop="srvZaibanflag">
          <el-input v-model="form.srvZaibanflag" placeholder="请输入再办状态" />
        </el-form-item>
        <el-form-item label="是否督办件" prop="srvSfdubanflag">
          <el-input v-model="form.srvSfdubanflag" placeholder="请输入是否督办件" />
        </el-form-item>
        <el-form-item label="是否重复件" prop="srvSfchongfuflag">
          <el-input v-model="form.srvSfchongfuflag" placeholder="请输入是否重复件" />
        </el-form-item>
        <el-form-item label="回复情况">
          <editor v-model="form.srvSfrcontent" :min-height="192"/>
        </el-form-item>
        <el-form-item label="回访结果" prop="srvSfrcresult">
          <el-input v-model="form.srvSfrcresult" placeholder="请输入回访结果" />
        </el-form-item>
        <el-form-item label="第一次回访时间" prop="srvSfrcfirsttime">
          <el-date-picker clearable size="small"
            v-model="form.srvSfrcfirsttime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择第一次回访时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="第二次回访时间" prop="srvSfrcsecondtime">
          <el-date-picker clearable size="small"
            v-model="form.srvSfrcsecondtime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择第二次回访时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="第三次回访时间" prop="srvSfrcthirdtime">
          <el-date-picker clearable size="small"
            v-model="form.srvSfrcthirdtime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择第三次回访时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="第一次回访人" prop="srvSfrcfirstperson">
          <el-input v-model="form.srvSfrcfirstperson" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="第二次回访人" prop="srvSfrcsecondperson">
          <el-input v-model="form.srvSfrcsecondperson" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="第三次回访人" prop="srvSfrcthirdperson">
          <el-input v-model="form.srvSfrcthirdperson" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="事件发生地" prop="srvSfproaddress">
          <el-input v-model="form.srvSfproaddress" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="回访截止日期" prop="srvSfrclimittime">
          <el-date-picker clearable size="small"
            v-model="form.srvSfrclimittime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择回访截止日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="回访不满意原因" prop="srvSfrcnotsatresult">
          <el-input v-model="form.srvSfrcnotsatresult" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="红黄单标志" prop="srvSfredyellflag">
          <el-input v-model="form.srvSfredyellflag" placeholder="请输入红黄单标志" />
        </el-form-item>
        <el-form-item label="延期标志" prop="srvSfyanqiflag">
          <el-input v-model="form.srvSfyanqiflag" placeholder="请输入延期标志" />
        </el-form-item>
        <el-form-item label="OA督办件" prop="srvSfoadubanflag">
          <el-input v-model="form.srvSfoadubanflag" placeholder="请输入OA督办件" />
        </el-form-item>
        <el-form-item label="热点" prop="srvSfhot">
          <el-input v-model="form.srvSfhot" placeholder="请输入热点" />
        </el-form-item>
        <el-form-item label="事发区域" prop="srvEacode">
          <el-input v-model="form.srvEacode" placeholder="请输入事发区域" />
        </el-form-item>
        <el-form-item label="是否已读" prop="srvSftfanisread">
          <el-input v-model="form.srvSftfanisread" placeholder="请输入是否已读" />
        </el-form-item>
        <el-form-item label="历史修改标志" prop="srvSfhisupdateflag">
          <el-input v-model="form.srvSfhisupdateflag" placeholder="请输入历史修改标志" />
        </el-form-item>
        <el-form-item label="12345 编码" prop="guid">
          <el-input v-model="form.guid" placeholder="请输入12345 编码" />
        </el-form-item>
        <el-form-item label="baseguid" prop="baseguid">
          <el-input v-model="form.baseguid" placeholder="请输入baseguid" />
        </el-form-item>
        <el-form-item label="12345工单编号" prop="feedformid">
          <el-input v-model="form.feedformid" placeholder="请输入12345工单编号" />
        </el-form-item>
        <el-form-item label="单据类型" prop="messagetype">
          <el-select v-model="form.messagetype" placeholder="请选择单据类型">
            <el-option label="请选择字典生成" value="" />
          </el-select>
        </el-form-item>
        <el-form-item label="12345办结期限" prop="enddate">
          <el-date-picker clearable size="small"
            v-model="form.enddate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择12345办结期限">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="是否回复" prop="isreply">
          <el-input v-model="form.isreply" placeholder="请输入是否回复" />
        </el-form-item>
        <el-form-item label="被催办编号" prop="bcbdid">
          <el-input v-model="form.bcbdid" placeholder="请输入被催办编号" />
        </el-form-item>
        <el-form-item label="转办意见" prop="remark">
          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="转办流程" prop="banliflow">
          <el-input v-model="form.banliflow" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="发送人" prop="sendperson">
          <el-input v-model="form.sendperson" placeholder="请输入发送人" />
        </el-form-item>
        <el-form-item label="回复状态" prop="serviceflag">
          <el-input v-model="form.serviceflag" placeholder="请输入回复状态" />
        </el-form-item>
        <el-form-item label="回复时间" prop="servicetime">
          <el-date-picker clearable size="small"
            v-model="form.servicetime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择回复时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="延期申请状态" prop="appstate">
          <el-input v-model="form.appstate" placeholder="请输入延期申请状态" />
        </el-form-item>
        <el-form-item label="回退状态" prop="huituiflag">
          <el-input v-model="form.huituiflag" placeholder="请输入回退状态" />
        </el-form-item>
        <el-form-item label="OA督办时间" prop="oadubanopertime">
          <el-date-picker clearable size="small"
            v-model="form.oadubanopertime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择OA督办时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="OA督办人" prop="oadubanoper">
          <el-input v-model="form.oadubanoper" placeholder="请输入OA督办人" />
        </el-form-item>
        <el-form-item label="OA督办审核时间" prop="oadubanaudittime">
          <el-date-picker clearable size="small"
            v-model="form.oadubanaudittime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择OA督办审核时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="OA督办审核人" prop="oadubanauditperson">
          <el-input v-model="form.oadubanauditperson" placeholder="请输入OA督办审核人" />
        </el-form-item>
        <el-form-item label="OA督办审核状态" prop="oadubanauditstate">
          <el-input v-model="form.oadubanauditstate" placeholder="请输入OA督办审核状态" />
        </el-form-item>
        <el-form-item label="关注件时间" prop="guanzhuopertime">
          <el-date-picker clearable size="small"
            v-model="form.guanzhuopertime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择关注件时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="关注件人" prop="guanzhuoper">
          <el-input v-model="form.guanzhuoper" placeholder="请输入关注件人" />
        </el-form-item>
        <el-form-item label="关注审核时间" prop="guanzhuaudittime">
          <el-date-picker clearable size="small"
            v-model="form.guanzhuaudittime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择关注审核时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="关注审核人" prop="guanzhuauditperson">
          <el-input v-model="form.guanzhuauditperson" placeholder="请输入关注审核人" />
        </el-form-item>
        <el-form-item label="关注审核状态" prop="guanzhuauditstate">
          <el-input v-model="form.guanzhuauditstate" placeholder="请输入关注审核状态" />
        </el-form-item>
        <el-form-item label="点对点件" prop="srvSfdiandflag">
          <el-input v-model="form.srvSfdiandflag" placeholder="请输入点对点件" />
        </el-form-item>
        <el-form-item label="Callid" prop="callid">
          <el-input v-model="form.callid" placeholder="请输入Callid" />
        </el-form-item>
        <el-form-item label="特殊件状态" prop="srvSfteshuflag">
          <el-input v-model="form.srvSfteshuflag" placeholder="请输入特殊件状态" />
        </el-form-item>
        <el-form-item label="回访办结状态" prop="srvSfperfectsituation">
          <el-input v-model="form.srvSfperfectsituation" placeholder="请输入回访办结状态" />
        </el-form-item>
        <el-form-item label="服务过程" prop="srvSfrcnotmanyione">
          <el-input v-model="form.srvSfrcnotmanyione" placeholder="请输入服务过程" />
        </el-form-item>
        <el-form-item label="服务过程内容" prop="srvSfrcnotmanyitwo">
          <el-input v-model="form.srvSfrcnotmanyitwo" placeholder="请输入服务过程内容" />
        </el-form-item>
        <el-form-item label="办理结果" prop="srvSfrcnotmanyithree">
          <el-input v-model="form.srvSfrcnotmanyithree" placeholder="请输入办理结果" />
        </el-form-item>
        <el-form-item label="办理结果内容" prop="srvSfrcnotmanyione2">
          <el-input v-model="form.srvSfrcnotmanyione2" placeholder="请输入办理结果内容" />
        </el-form-item>
        <el-form-item label="其他" prop="srvSfrcnotmanyione3">
          <el-input v-model="form.srvSfrcnotmanyione3" placeholder="请输入其他" />
        </el-form-item>
        <el-form-item label="回访编码" prop="srvSfrcode">
          <el-input v-model="form.srvSfrcode" placeholder="请输入回访编码" />
        </el-form-item>
        <el-form-item label="回访督办状态" prop="srvSfhuifangdubanstate">
          <el-input v-model="form.srvSfhuifangdubanstate" placeholder="请输入回访督办状态" />
        </el-form-item>
        <el-form-item label="市长件重新办理次数" prop="szjchongxinbanlicishu">
          <el-input v-model="form.szjchongxinbanlicishu" placeholder="请输入市长件重新办理次数" />
        </el-form-item>
        <el-form-item label="所属工单单位" prop="unitcode">
          <el-input v-model="form.unitcode" placeholder="请输入所属工单单位" />
        </el-form-item>
        <el-form-item label="所属工单组" prop="srvSfgcode">
          <el-input v-model="form.srvSfgcode" placeholder="请输入所属工单组" />
        </el-form-item>
        <el-form-item label="所属工单人员" prop="orderunitcode">
          <el-input v-model="form.orderunitcode" placeholder="请输入所属工单人员" />
        </el-form-item>
       
        <el-form-item label="市长件表单来源" prop="xxlyid">
          <el-input v-model="form.xxlyid" placeholder="请输入市长件表单来源" />
        </el-form-item>
        <el-form-item label="特殊件" prop="tebiejianfiag">
          <el-input v-model="form.tebiejianfiag" placeholder="请输入特殊件" />
        </el-form-item>
        <el-form-item label="回收站状态" prop="delflag">
          <el-input v-model="form.delflag" placeholder="请输入回收站状态" />
        </el-form-item>
        <el-form-item label="批示件" prop="srvSfpishiform">
          <el-input v-model="form.srvSfpishiform" placeholder="请输入批示件" />
        </el-form-item>
        <el-form-item label="回访方式" prop="srvHuifangway">
          <el-input v-model="form.srvHuifangway" placeholder="请输入回访方式" />
        </el-form-item>
        <el-form-item label="回访状态" prop="srvHuifangmessagestate">
          <el-input v-model="form.srvHuifangmessagestate" placeholder="请输入回访状态" />
        </el-form-item>
        <el-form-item label="敏感单状态" prop="srvSensitiveflag">
          <el-input v-model="form.srvSensitiveflag" placeholder="请输入敏感单状态" />
        </el-form-item>
        <el-form-item label="发送时间" prop="srvSendtime">
          <el-date-picker clearable size="small"
            v-model="form.srvSendtime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择发送时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="接收时间" prop="srvSendreceivetime">
          <el-date-picker clearable size="small"
            v-model="form.srvSendreceivetime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择接收时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="涉访件状态" prop="srvSfshangfangflag">
          <el-input v-model="form.srvSfshangfangflag" placeholder="请输入涉访件状态" />
        </el-form-item>
        <el-form-item label="已上访" prop="srvSfyishangfangflag">
          <el-input v-model="form.srvSfyishangfangflag" placeholder="请输入已上访" />
        </el-form-item>
        <el-form-item label="扬言上访" prop="srvSfyangyanshangfangflag">
          <el-input v-model="form.srvSfyangyanshangfangflag" placeholder="请输入扬言上访" />
        </el-form-item>
        <el-form-item label="情绪激动" prop="srvSfqingxujidongflag">
          <el-input v-model="form.srvSfqingxujidongflag" placeholder="请输入情绪激动" />
        </el-form-item>
        <el-form-item label="多次反映不满意" prop="srvSfduocibumanflag">
          <el-input v-model="form.srvSfduocibumanflag" placeholder="请输入多次反映不满意" />
        </el-form-item>
        <el-form-item label="回访办结督办状态" prop="srvSfbanflag">
          <el-input v-model="form.srvSfbanflag" placeholder="请输入回访办结督办状态" />
        </el-form-item>
        <el-form-item label="市长组别" prop="srvShizhanggroup">
          <el-input v-model="form.srvShizhanggroup" placeholder="请输入市长组别" />
        </el-form-item>
        <el-form-item label="敏感单提醒次数" prop="remindnum">
          <el-input v-model="form.remindnum" placeholder="请输入敏感单提醒次数" />
        </el-form-item>
        <el-form-item label="敏感单提醒时间" prop="reminddate">
          <el-date-picker clearable size="small"
            v-model="form.reminddate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择敏感单提醒时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="是否青少年" prop="isteenflag">
          <el-input v-model="form.isteenflag" placeholder="请输入是否青少年" />
        </el-form-item>
        <el-form-item label="预通报件" prop="srvSfprenotififlag">
          <el-input v-model="form.srvSfprenotififlag" placeholder="请输入预通报件" />
        </el-form-item>
        <el-form-item label="推诿件" prop="srvSfprevaricationflag">
          <el-input v-model="form.srvSfprevaricationflag" placeholder="请输入推诿件" />
        </el-form-item>
        <el-form-item label="挂牌督办件" prop="srvSflistsuperiviesor">
          <el-input v-model="form.srvSflistsuperiviesor" placeholder="请输入挂牌督办件" />
        </el-form-item>
        <el-form-item label="疑难事项" prop="srvSfdifficultflag">
          <el-input v-model="form.srvSfdifficultflag" placeholder="请输入疑难事项" />
        </el-form-item>
        <el-form-item label="办理不利造成不良影响" prop="srvRvlbadaffect">
          <el-input v-model="form.srvRvlbadaffect" placeholder="请输入办理不利造成不良影响" />
        </el-form-item>
        <el-form-item label="回退状态" prop="srvSfhuituistate">
          <el-input v-model="form.srvSfhuituistate" placeholder="请输入回退状态" />
        </el-form-item>
        <el-form-item label="回退标识" prop="srvSfhuituiflag">
          <el-input v-model="form.srvSfhuituiflag" placeholder="请输入回退标识" />
        </el-form-item>
        <el-form-item label="延期申请状态" prop="srvSfapplicationstate">
          <el-input v-model="form.srvSfapplicationstate" placeholder="请输入延期申请状态" />
        </el-form-item>
        <el-form-item label="拟挂牌督办" prop="srvSflistnisuperiviesor">
          <el-input v-model="form.srvSflistnisuperiviesor" placeholder="请输入拟挂牌督办" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
  </div>
</template>

<script>
export default {
  name: "serviceformAdd",
  data() {
    return {
      activeName:'first',
      customName:'first',
      // 表单参数
      form: {
        srvSfbillno: null,
        srvSftel: null,
        srvSfdate: null,
        crmCtmcode: null,
        srvSfctmname: null,
        srvSflinktel: null,
        srvSfsource: null,
        srvSftitle: null,
        srvSfcontent: null,
        srvSfprop: null,
        srvSfconttype: null,
        srvSfdealtype: null,
        srvSfurgent: null,
        srvSfsecret: null,
        srvSfissueflag: null,
        srvSfstate: null,
        srvSfrenddate: null,
        srvSffinisher: null,
        srvSffenddate: null,
        srvSfanswer: null,
        srvSfsdegree: null,
        srvSfidea: null,
        srvSfleader: null,
        srvSfleadidea: null,
        srvSfleadtime: null,
        srvSffbflag: null,
        srvSffblimit: null,
        srvSffbnum: null,
        srvSfrcflag: null,
        srvSfoper: null,
        srvSfopertime: null,
        srvSflmoper: null,
        srvSflmtime: null,
        srvSfcheck: null,
        srvSfcheckoper: null,
        srvSfchecktime: null,
        srvSfonholeflag: null,
        srvSfonholeoper: null,
        srvSfonholetime: null,
        srvSfsort: null,
        srvSfdes: null,
        srvHotflag: null,
        srvSfassortflag: null,
        srvReportflag: null,
        srvSfcommonflag: null,
        srvSfmanyiflag: null,
        srvSfguanzhuflag: null,
        srvSfybs: null,
        srvHuifuCount: null,
        srvSfZhenshiTel: null,
        srvSfHebing: null,
        srvYushen: null,
        srvZaibanflag: null,
        srvSfdubanflag: null,
        srvSfchongfuflag: null,
        srvSfrcontent: null,
        srvSfrcresult: null,
        srvSfrcfirsttime: null,
        srvSfrcsecondtime: null,
        srvSfrcthirdtime: null,
        srvSfrcfirstperson: null,
        srvSfrcsecondperson: null,
        srvSfrcthirdperson: null,
        srvSfproaddress: null,
        srvSfrclimittime: null,
        srvSfrcnotsatresult: null,
        srvSfredyellflag: null,
        srvSfyanqiflag: null,
        srvSfoadubanflag: null,
        srvSfhot: null,
        srvEacode: null,
        srvSftfanisread: null,
        srvSfhisupdateflag: null,
        guid: null,
        baseguid: null,
        feedformid: null,
        messagetype: null,
        enddate: null,
        isreply: null,
        bcbdid: null,
        banliflow: null,
        sendperson: null,
        serviceflag: null,
        servicetime: null,
        appstate: null,
        huituiflag: null,
        oadubanopertime: null,
        oadubanoper: null,
        oadubanaudittime: null,
        oadubanauditperson: null,
        oadubanauditstate: null,
        guanzhuopertime: null,
        guanzhuoper: null,
        guanzhuaudittime: null,
        guanzhuauditperson: null,
        guanzhuauditstate: null,
        srvSfdiandflag: null,
        callid: null,
        srvSfteshuflag: null,
        srvSfperfectsituation: null,
        srvSfrcnotmanyione: null,
        srvSfrcnotmanyitwo: null,
        srvSfrcnotmanyithree: null,
        srvSfrcnotmanyione2: null,
        srvSfrcnotmanyione3: null,
        srvSfrcode: null,
        srvSfhuifangdubanstate: null,
        szjchongxinbanlicishu: null,
        unitcode: null,
        srvSfgcode: null,
        orderunitcode: null,
        ldlbid: null,
        xxlyid: null,
        tebiejianfiag: null,
        delflag: null,
        srvSfpishiform: null,
        srvHuifangway: null,
        srvHuifangmessagestate: null,
        srvSensitiveflag: null,
        srvSendtime: null,
        srvSendreceivetime: null,
        srvSfshangfangflag: null,
        srvSfyishangfangflag: null,
        srvSfyangyanshangfangflag: null,
        srvSfqingxujidongflag: null,
        srvSfduocibumanflag: null,
        srvSfbanflag: null,
        srvShizhanggroup: null,
        remindnum: null,
        reminddate: null,
        isteenflag: null,
        srvSfprenotififlag: null,
        srvSfprevaricationflag: null,
        srvSflistsuperiviesor: null,
        srvSfdifficultflag: null,
        srvRvlbadaffect: null,
        srvSfhuituistate: null,
        srvSfhuituiflag: null,
        srvSfapplicationstate: null,
        srvSflistnisuperiviesor: null
      },
      // 表单校验
      rules: {
      },
      sourceTypeOptions:[],
      propTypeOptions:[],
      dealTypeOptions:[],
      urgentOptions:[],
      secretOptions:[]
    };
  },
  created() {
    this.getList();
    this.getDicts("Srv_SourceType").then(response => {
      this.sourceTypeOptions = response.data;
    });
    this.getDicts("Srv_PropType").then(response => {
      this.propTypeOptions = response.data;
    });
    this.getDicts("Srv_DealType").then(response => {
      this.dealTypeOptions = response.data;
    });
    this.getDicts("Srv_Urgent").then(response => {
      this.urgentOptions = response.data;
    });
     this.getDicts("Srv_Secret").then(response => {
      this.secretOptions = response.data;
    });
  },
  methods: {

    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.srvSfcode != null) {
            updateServiceform(this.form).then(response => {
              this.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addServiceform(this.form).then(response => {
              this.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },

  }
};
</script>